<template>
  <li @click="handleDelete">{{content}}</li>
</template>

<script>
    export default {
        props: {
            content: String,
            index: Number
        },
        methods: {
            handleDelete() {
                this.$emit('delete', this.index);
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
